<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Sistema de Control de Activos</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="KEYWORDS" content="ITCR TEC Proyecciones de Cargas Académicas">
	<link rel="stylesheet" type="text/css" href="estilos/estilos.css">
	<script	language="javascript" type="text/javascript" src="javascript/efectosVisuales.js"></script>
	<script language="javascript" type="text/javascript">
		function enfocarUserName()
		{
			document.getElementById("userName").focus();
		}
	</script>
</head>
<body onload="enfocarUserName();">
<center>
<table class="tablaPrincipal" cellspacing="0px" cellpadding="0px">
<tr>
	<td align="right" class="encabezadoPP" >
		<table height="120px" cellpadding="10px" cellspacing="0px">
			<tr>
				<td height="100%" align="right">
					<span class="titulo">Proyección de cargas académicas</span>
				</td>
			</tr>
			<tr>
				<td height="20%" align="right">
					<span class="subTitulo">Instituto Tecnológico de Costa Rica</span>
				</td>
			</tr>
		</table>
	</td>
</tr>
<tr>
	<td class="fondoGris" align="right" height="45px" style="padding:10px; color:#717171">
		<span class="subTitulo2"></span>
	</td>
</tr>
<tr>
	<td class="fondoAzul" align="center" height="25px" style="color : #c1c1c1; padding-left : 10px; padding-right : 10px;">
		<a class="grisClaro" href="#">Hipervinculos publicitarios </a>| 
		<a class="grisClaro" href="#">Hipervinculos publicitarios </a>| 
		<a class="grisClaro" href="#">Hipervinculos publicitarios </a>
	</td>
</tr>
<tr>
	<td height="350px" align="center">
		<table cellpadding="10px" cellspacing="20px">
		<tr>
			<td class="celdaContenido" width="150px" onmouseover="marcar(this,1)" onmouseout="marcar(this,0)">
				<table align="center" width="100%" cellpadding="5px" cellspacing="5px">
					<tr>
						<td align="center">
							<h2> | IC | </h2>
						</td>
					</tr>
					<tr>
						<td align="left" class="borderCeldaInferior">Acreditacion</td>
					</tr>
					<tr>
						<td align="left" class="borderCeldaInferior">Nuestros egresados</td>
					</tr>
					<tr>
						<td align="left" class="borderCeldaInferior"><a href="personal/inicioae.html" >Asistentes Especiales</a></td>
					</tr>
				</table>
			</td>
			<td class="celdaContenido" width="150px" onmouseover="marcar(this,1)" onmouseout="marcar(this,0)">
				<table align="center" width="100%" cellpadding="5px" cellspacing="5px">
					<tr>
						<td align="center">
							<h2> |Otros Links| </h2>
						</td>
					</tr>
					<tr>
						<td align="left" class="borderCeldaInferior"><a href="../Activos/inicio.html">Control de activos</a></td>
					</tr>
					<tr>
						<td align="left" class="borderCeldaInferior">Otros vinculos</td>
					</tr>
				</table>
			</td>
			<td class="celdaContenido" width="150px" onmouseover="marcar(this,1)" onmouseout="marcar(this,0)">
				<table align="center">
					<tr>
						<td align="center">
							<h2> |Ingreso al Sistema| </h2>
						</td>
					</tr>
					<tr>
						<td>
							<form target="_self" action="validarUsuario.php" method="POST">
								<table align="center" cellspacing="8px">
									<tr>
										<td  align="right">
											Usuario
										</td>
										<td align="left"> 
											<input id="userName" type="text" name="userName"/>
										</td>
									</tr>
									<tr>
										<td align="right">
											Clave
										</td>
										<td >
											<input type="password" name="password"/>
										</td>
									</tr>
									<tr>
										<td  colspan="2" align="right">
											<input type="submit" value="Entrar"/>
										</td>
									</tr>
								</table>
							</form>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		</table>
	</td>
<tr>
	<td class="fondoAzulInvertido" align="center" height="25px" style="color : #c1c1c1; padding-left : 10px; padding-right : 10px;">
		<a class="grisClaro" href="#">Hipervinculos publicitarios </a>| 
		<a class="grisClaro" href="#">Hipervinculos publicitarios </a>| 
		<a class="grisClaro" href="#">Hipervinculos publicitarios </a>| 
		<a class="grisClaro" href="#">Hipervinculos publicitarios </a> 
	</td>
</tr>
<tr>
	<td align="center" class="fondoGrisInvertido" height="45px" style="color : #717171; padding-left : 10px; padding-right : 10px;">
			<p>Visita la versión para <a id="focusPiePagina" href="#">dispositivos móbiles</a>.</p>
	</td>
</tr>
</table>
</center>
</body>
</html>